<!DOCTYPE HTML>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>upm.io</title>
        <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
        <link rel="stylesheet" href="assets/js/libs/fancybox/jquery.fancybox.css" />
        <link rel="stylesheet" href="assets/css/main.css" />
    </head>
    <body>
        <?php include("common-tpl/topnav.php") ?>

        <div class="container">
            <p class="text-right">登录于<span>2015年1月5日，早上8:30</span></p>
        </div>
        <div class="container border_bottom_1_ccc pbsm">
            <div class="row">
                <div class="col-md-8">
                    <button class="btn btn-default border_0" type="button">
                        <span aria-hidden="true" class="glyphicon glyphicon-home"></span> 
                        项目
                    </button>
                    <button class="btn btn-default" type="button">
                        配置
                    </button>
                    <button class="btn btn-default" type="button">
                        模板
                    </button>
                    <button class="btn btn-default" type="button">
                        命令历史
                    </button>
                </div>
                <div class="col-md-4">
                    <div class="form-inline text-right">
                      <div class="form-group">
                        <label for="exampleInputName2">选择数据中心：</label>
                        <select class="form-control">
                          <option>开发测试区1</option>
                          <option>开发测试区2</option>
                          <option>开发测试区3</option>
                          <option>开发测试区4</option>
                          <option>开发测试区5</option>
                        </select>
                      </div>
           
                    </div>
             
                    
                </div>
            </div>   
        </div>
        
        <div class="container ptm pbm">
            <div class="col-md-2">
                <div class="clearfix">
                    <div class="fn-left">
                        <h4>仓库管理</h4>
                    </div>
                </div>
                <table class="table table-bordered">
                    <tr>
                      <td>标准仓库</td>
                    </tr>
                    <tr class="active">
                      <td><a href="lib-list.php">仓库清单</a></td>
                    </tr>
                    <tr>
                      <td><a href="">添加组件</a></td>
                    </tr>
                </table>
                <table class="table table-bordered">
                    <tr>
                      <td>自定义仓库</td>
                    </tr>
                    <tr>
                      <td><a href="">仓库清单</a></td>
                    </tr>
                    <tr>
                      <td><a href="">添加组件</a></td>
                    </tr>
                </table>
                
            </div>
            <div class="col-md-10">
                <div class="row pbl">
                    <div class="col-md-12">
                        <div class="bg-gray mtsm mbsm">
                            <button class="btn btn-default" type="button">
                                添加
                            </button>
                            <button class="btn btn-default" type="button">
                                删除
                            </button>
                            <input type="text" name="some_name" value="" placeholder="过滤条件">
                        </div>
        
                        <div role="tabpanel">

                          <!-- Nav tabs -->
                          <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active"><a href="#tab_all" aria-controls="home" role="tab" data-toggle="tab">全部</a></li>
                            <li role="presentation"><a href="#tab_db" aria-controls="profile" role="tab" data-toggle="tab">数据库</a></li>
                            <li role="presentation"><a href="#tab_cache" aria-controls="messages" role="tab" data-toggle="tab">缓存</a></li>
                            <li role="presentation"><a href="#tab_message" aria-controls="settings" role="tab" data-toggle="tab">消息</a></li>
                            <li role="presentation"><a href="#tab_app_server" aria-controls="settings" role="tab" data-toggle="tab">应用服务器</a></li>
                            <li role="presentation"><a href="#tab_web" aria-controls="settings" role="tab" data-toggle="tab">WEB</a></li>
                            <li role="presentation"><a href="#tab_other" aria-controls="settings" role="tab" data-toggle="tab">其他</a></li>
                          </ul>

                          <!-- Tab panes -->
                          <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active pam" id="tab_all">
                                <table class="table table-bordered">
                                    <tr>
                                      <td></td>
                                      <td></td>
                                      <td>组件名称</td>
                                      <td>组件版本</td>
                                      <td>说明</td>
                                      <td>支持级别</td>
                                    </tr>
                                    <tr>
                                      <td><input type="checkbox" /></td>
                                      <td><img src="assets/images/mysql.gif" alt="" /></td>
                                      <td>MySQL 数据库</td>
                                      <td>5.5</td>
                                      <td></td>
                                      <td>正式支持</td>
                                    </tr>
                                    <tr>
                                      <td><input type="checkbox" /></td>
                                      <td><img src="assets/images/mysql.gif" alt="" /></td>
                                      <td>MySQL 数据库</td>
                                      <td>5.5</td>
                                      <td></td>
                                      <td>正式支持</td>
                                    </tr>
                                    <tr>
                                      <td><input type="checkbox" /></td>
                                      <td><img src="assets/images/mariadb.gif" alt="" /></td>
                                      <td>MariaDB 数据库</td>
                                      <td>10.0</td>
                                      <td></td>
                                      <td>正式支持</td>
                                    </tr>
                                    <tr>
                                      <td><input type="checkbox" /></td>
                                      <td><img src="assets/images/mongodb.gif" alt="" /></td>
                                      <td>MongoDB 数据库</td>
                                      <td>3.0</td>
                                      <td></td>
                                      <td>正式支持</td>
                                    </tr>
                                    <tr>
                                      <td><input type="checkbox" /></td>
                                      <td><img src="assets/images/postgresql.gif" alt="" /></td>
                                      <td>PostgreSQL数据库</td>
                                      <td>9.4</td>
                                      <td></td>
                                      <td>测试</td>
                                    </tr>
                                    <tr>
                                      <td><input type="checkbox" /></td>
                                      <td><img src="assets/images/redis.gif" alt="" /></td>
                                      <td>Redis 缓存系统</td>
                                      <td>3.0</td>
                                      <td></td>
                                      <td>正式支持</td>
                                    </tr>
                                    <tr>
                                      <td><input type="checkbox" /></td>
                                      <td><img src="assets/images/rabbitmq.gif" alt="" /></td>
                                      <td>RabbitMQ 消息系统</td>
                                      <td>3.5</td>
                                      <td></td>
                                      <td>正式支持</td>
                                    </tr>
                                    <tr>
                                      <td><input type="checkbox" /></td>
                                      <td><img src="assets/images/tomcat.gif" alt="" /></td>
                                      <td>Tomcat AS</td>
                                      <td>8.0</td>
                                      <td></td>
                                      <td>正式支持</td>
                                    </tr>
                                    
                                </table>
                            
                                <nav>
                                    <ul class="pagination">
                                        <li>
                                        <a href="#" aria-label="Previous">
                                            <span aria-hidden="true">&laquo;</span>
                                        </a>
                                        </li>
                                        <li class="active"><a href="#">1</a></li>
                                        <li><a href="#">2</a></li>
                                        <li><a href="#">3</a></li>
                                        <li><a href="#">4</a></li>
                                        <li><a href="#">5</a></li>
                                        <li>
                                        <a href="#" aria-label="Next">
                                            <span aria-hidden="true">&raquo;</span>
                                        </a>
                                        </li>
                                    </ul>
                                </nav>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="tab_db">2...</div>
                            <div role="tabpanel" class="tab-pane" id="tab_cache">3...</div>
                            <div role="tabpanel" class="tab-pane" id="tab_message">4...</div>
                            <div role="tabpanel" class="tab-pane" id="tab_app_server">5...</div>
                            <div role="tabpanel" class="tab-pane" id="tab_web">6...</div>
                            <div role="tabpanel" class="tab-pane" id="tab_other">7...</div>
                          </div>

                        </div>
                        



                    </div>
                    
                </div>
            </div>
        </div>











        <script src="assets/js/seajs/sea.js"></script>
        <script type="text/javascript">
            seajs.use('seajs/compass.js',function(r){
                seajs.use('bootstrap');
                seajs.use('main');
                seajs.use('createproject');
                
            });
        </script>
    </body>
</html>
